<template>

</template>

<script>
    export default {
        name: "test",



    }
</script>

<style scoped>
    * {
        margin: 0;
        padding: 0;
    }
    input {
        border: 0;
        vertical-align: middle;
        float: left;
    }
    #searchbox {
        width: 300px;
        height: 50px;
        background: #fff;
        margin: 100px auto;
        border: 1px solid #ccc;
        position: relative;
    }
    #inpt {
        width: 240px;
        height: 50px;
        outline: none;
        text-indent: 10px;
    }
    #btn {
        width: 60px;
        height: 50px;
        cursor: pointer;
    }
    /* 历史记录框 */
    #historybox {
        width: 280px;
        padding: 10px 10px 50px;
        border: 1px solid #ccc;
        position: absolute;
        top: 50px;
        left: -1px;
        /* 隐藏 */
        display: none;
    }
    #historybox h3 {
        margin-bottom: 10px;
    }
    #list {
        list-style: none;
    }
    #list .on {
        float: left;
        border: 1px solid #ccc;
        background: #aaa;
        height: 30px;
        line-height: 30px;
        margin: 0 2px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
    #list .active {
        color: #fff;
        text-decoration: none;
        padding: 2px;
    }
</style>
